<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<link rel="stylesheet" type="text/css" href="styles/reset.css" />
	<link rel="stylesheet" type="text/css" href="styles/form.css" />
	<link rel="stylesheet" type="text/css" href="styles/toolbar.css" />
	<link rel="stylesheet" type="text/css" href="styles/general.css" />
	<link rel="stylesheet" type="text/css" href="styles/widget-box.css" />	
	<link rel="stylesheet" type="text/css" href="styles/manage-page.css" />	
	<script type="text/javascript" src="scripts/jquery.min-1.5.1.js"></script>	
	<script type="text/javascript" src="scripts/s_code.js"></script>
	<script type="text/javascript" src="scripts/jquery.url.js"></script>
	<script type="text/javascript" src="scripts/jquery.site-builder.toolbar.js"></script>
	<script type="text/javascript" src="scripts/jquery.site-builder.js"></script>
	<script type="text/javascript" src="scripts/jquery.cookie.js"></script>
	<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body class="popup">
	<div class="ContentContainer">
	<div class="BodyContainer">
		<h1>Manage Pages</h1>
		<div id="box-wrapper">	
			<div class="inner">
				<div id="box-content">					
					<div class="sidebar">
						<div class="section">
							<a href="#" class="button">
								<span>								
									Add page
								</span>
							</a>
						</div>
						<div class="section">
							<ul id="left-nav">
								<li class="first"><a href="#"><span></span>Home</a>
									<ul>
										<li>
											<a href="#" ><span></span>New Page</a>
											<ul>
												<li><a href="#" ><span></span>Blog</a>
													<ul>
														<li class="last"><a><span></span>s dfsdf</a></li>
													</ul>
												</li>
												<li class="last"><a href="#" ><span></span>Blog</a></li>
											</ul>
										</li>
										<li>
											<a href="#" ><span></span>New Page</a>
										</li>
									</ul>
								</li>	
								<li class="last selected"><a href="#"><span></span>New Page  is a very long title</a></li>
							</ul>
						</div>
						<div class="section">
							<p class="description">Tip: Drag pages up/down to reoder and left/right to create subpages.</p>
						</div>
					</div>
					<div class="main-content">
						<div class="form">
							<div class="section functions">
								<a href="#" class="button"><span>Edit Page</span></a>
								<a href="#" class="button"><span>Copy Page</span></a>
								<a href="#" class="button"><span>Delete Page</span></a>
							</div>												
							<div class="row">
								<label>Page Name</label>
								<input type="text" value="">
							</div>
							<div class="row checkboxes">
								<input type="checkbox" id="hide-page-in-navigation-menu" />
								<label for="hide-page-in-navigation-menu">Hide page in navigation menu</label>
							</div>
							<div class="row checkboxes">
								<input type="checkbox" id="password-protect-this-page" />
								<label for="password-protect-this-page">Password protect this page</label>
							</div>
							<div class="row checkboxes">
								<input type="checkbox" id="link-page-to-external-site" />
								<label for="link-page-to-external-site">Link page to external site</label>
							</div>
							<div class="row">
								<div class="advanced-settings-text">Advanced Settings</div>
							</div>
							<div class="row buttons" style="padding-left:0">
								<input type="submit" value="Save Settings" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>				
</body>
</html>